<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
        <div class="state-change-btn" style="background: #111;">
                <span class="icon_sprite back"></span>
                <span class="sp"></span>
                <span class="icon_sprite goahead"></span>
            </div>
            <span class="icon_sprite back" style="background: #111;"></span>
                <span class="sp"></span>
                <span class="icon_sprite goahead" style="background: #111;"></span>
                <span class="selection-inform"></span>
                <div class="audio">
                    <audio></audio>
                    <div class="audio-controller"> <span class="audio-prev"></span>
                 <span class="audio-state"></span>
                 <span class="audio-next"></span>
                
                    </div>
                    <div class="audio-bar"> <span class="audio-time-current"></span>
                
                        <div class="audio-progress">
                            <div>
                                <div></div>
                                <div></div>
                            </div>
                        </div> <span class="audio-time-duration"></span>
                
                    </div>
                    <div class="audio-volume"> <span class="audio-volume-icon"></span>
                
                        <div class="audio-volume-adjust">
                            <div>
                                <div></div>
                                <div></div>
                            </div>
                        </div>
                    </div>
                </div>
</body>
</html>